<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Ajax 综合示例</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container">
        <section>
            <h2>用户管理</h2>
            <form id="userForm">
                <input type="text" id="username" placeholder="用户名" required>
                <input type="email" id="email" placeholder="邮箱" required>
                <button type="submit">添加用户</button>
            </form>
        </section>

        <section>
            <h2>用户列表</h2>
            <div id="userList"></div>
            <button id="loadMore">加载更多</button>
        </section>

        <section>
            <h2>文件上传</h2>
            <form id="uploadForm" enctype="multipart/form-data">
                <input type="file" id="fileInput" required>
                <button type="submit">上传</button>
            </form>
            <div id="uploadProgress"></div>
        </section>
    </div>
    <script src="js/main.js"></script>
</body>

</html>